<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>完善信息</title>
    <script src="/Static/js/jquery-1.7.2.min.js" type="text/javascript"></script>
    <link href="/Static/css/public.css" rel="stylesheet" type="text/css"/>
    <link href="/Static/css/css.css" rel="stylesheet" type="text/css"/>
</head>

<body>
<div class="center middle" id="fill">
    <div class="centern middle">
        <div class="logon middle">
            <ul class="logon_t1">
                <li><a href="/"><img src="/Static/images/hua_1.png" class="position_r"/></a></li>
                <li>首次注册的用户请完善以下信息</li>
            </ul>
            <form action="/Users/register" method="post">
                <ul class="account_ul" id="account_ut1">
                    <input type="hidden" name="picture" value="<{$userMessage['headimgurl']}>"/>
                    <input type="hidden" name="unionId" value="<{$userMessage['unionid']}>"/>
                    <input type="hidden" name="nickname" value="<{$userMessage['nickname']}>"/>
                    <input type="hidden" name="sex" value="<{$userMessage['sex']}>"/>
                    <input type="hidden" name="from" value="2"/>
                    <li class="position_r"><input name="studentName" type="text" placeholder="学生姓名"
                                                  style="border-bottom:1px solid #ccc;"/></li>
                    <li class="position_r"><input name="school" type="text" placeholder="所在学校"
                                                  style="border-bottom:1px solid #ccc;"/></li>
                    <li class="position_r"><input name="classes" type="text" placeholder="所在班级"/></li>
                </ul>

                <ul class="account_ul" id="account_ut1">
                    <li class="position_r">
                        <input name="phone" type="text" id="phone" placeholder="手机号" style="border-bottom:1px solid #ccc;"/>
                        <a href="javascript:void(0);" class="account_t1 position_a" id="send">获取验证码</a>
                        <a href="javascript:void(0);" class="account_t3 position_a" style="display: none;" id="resend">30秒重新发送</a></li>
                    <li>
                        <input name="code" type="text" placeholder="验证码"/></li>
                </ul>
                <li class="account_t4"><input type="submit" value="登录" class="btn"/></li>
            </form>
        </div>

        <ul class="account_t5">
            <li><a href="#">关于华莘</a> <a href="#">联系华莘</a> <a href="#">友情链接</a> <a href="#">联系华莘</a> 客服热线：010-51087722 <a
                    href="#">在线客服</a> <a href="#">华莘论坛</a></li>
            <li>北京华莘智慧教育科技有限公司 版权所有 ©2015-2016 www.edujoy.com.cn 备案号：京ICP16007230</li>
        </ul>

    </div>
</div>
<script type="text/javascript">
    var countdown = 30;
    $("#send").click(function () {
        if($("#phone").val() == ""){
            alert("请填写手机号");
        }else{
            alert("验证码为123456");
            $("#resend").show();
            timeout(countdown);
        }

    })
    function timeout(time) {
        setTimeout(function () {
            $("#resend").html(""+time+"秒重新发送");
            time--;
            if(time!=0){
                timeout(time);
            }else{
                $("#resend").hide();
            }

        }, 1000)
    }

</script>

</body>
</html>
